@import '_variable.styl'

date-fontsize = 14px
title-fontsize = 20px;
shot-fontsize = 14px;

.g-list
  width: list-width
  height: auto
  padding: 10px list-padding 0 list-padding
  background-color: base-color
  border-radius: 5px
  margin: auto
  @media screen and (max-width: breakpoint1)
    width: 100%
  .g-li
    box-sizing: border-box
    width: 100%
    height: auto
    border-bottom: 1px solid line-color
    margin-bottom: 10px
    &-date
      color: dec-color
      font-size: date-fontsize
      line-height: 30px
      .icon
        font-size: 14px
    &-tit
      color: font-color
      font-size: title-fontsize
      line-height: 45px
      &:hover
        text-decoration: underline
    &-shot
      color: font-color
      font-size: shot-fontsize
      line-height: 24px
      margin-bottom: 12px
  .u-cate
    margin-left: 30px
    font-size: 0
    &-txt
      font-size: date-fontsize
      margin-left: 10px
    &-link
      color: dec-color
      &:hover
        color: #000

$pageNumber
  display: inline-block
  padding: 5px 10px
  font-size: 14px
  line-height: 20px
  color: font-color

.g-pag
  display: table
  position: relative
  width: 100%
  height: list-pagination-height
  line-height: list-pagination-height
  text-align: center
  &-inner
    margin: auto
    display: inline-block
    vertical-align: middle
    font-size: 16px
  .page-number
    @extend $pageNumber
    &:hover
      text-decoration: underline
  .current
    color: dec-color
    &:hover
      text-decoration: none
  .extend
    @extend $pageNumber
    &:hover
      text-decoration: underline